<template>
  <div class="outline">
    <div class="left">
      <!-- <div class="left_title">
        <div class="left_title_text">{{ '您好，今天是' + timeStr }}</div>
        <div class="left_title_text">让法治成为社会共识和基本准则</div>
      </div> -->

      <left_top></left_top>
      <left_bottom></left_bottom>
    </div>
    <div class="right">
      <right_top></right_top>
      <right_bottom></right_bottom>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {}
  },
  components: {
    left_top: () => import('@/views/home_page/left_top'),
    left_bottom: () => import('@/views/home_page/left_bottom'),
    right_top: () => import('@/views/home_page/right_top'),
    right_bottom: () => import('@/views/home_page/right_bottom')
  },
  computed: {
    timeStr () {
      console.log(new Date())
      return this.$moment().format('YYYY年MM月DD日')
    }
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
@import '~@/assets/css/base/layout.scss';

.outline {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #fff;
  // margin: -22px;
  width: 100%;
  position: absolute;
  // padding: 28px 41px;
  overflow: hidden;
  height: 95vh;
  // padding-left: 28px;
  // padding-top: 28px;
  // padding-bottom: 208px;
  // margin-left: -28px;
  // margin-top: -28px;
  .left {
    width: 48%;
    display: flex;
    flex-direction: column;

    .left_title {
      padding: 10px;
      height: 49px;
      background: #0072c6;
      display: flex;
      justify-content: space-between;

      .left_title_text {
        font-size: 22px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #ffffff;
      }
    }
  }
  .right {
    width: 46%;
  }
}
</style>
